<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="lib/axios.js"></script>
</head>
<body>
	<button>get</button>
	<button>post</button>
</body>
<script>
	const btns = document.querySelectorAll("button");
	btns[0].onclick = async function(){
		// 1
		// await fetch("http://zhangpeiyue.com:3000/scoreList",{
		// 	headers:{
		// 		a:1
		// 	}
		// }).then(async value=>{
		// 	// value.json().then(body=>{
		// 	// 	console.log(body);
		// 	// })
		//
		// 	const body = await value.json();
		// 	console.log(body);// 响应体
		// });
		
		// 2
		// const result = await fetch("http://zhangpeiyue.com:3000/scoreList").then(value=>{
		// 	return value.json();
		// })
		// console.log(result);
		
		// 3
		// const result = await fetch("http://zhangpeiyue.com:3000/scoreList").then(value=>value.json())
		// console.log(result);
		
		// 4
		// const response = await fetch("http://zhangpeiyue.com:3000/scoreList");
		// const body = await  response.json();
		// console.log(body)
		
		
		// 5
		const {data} = await axios({
			url:"http://zhangpeiyue.com:3000/scoreList"
		})
		console.log(data);
	}
	btns[1].onclick = async function(){
		// fetch("http://zhangpeiyue.com:3000/scoreList",{
		// 	method:"post",
		// 	headers:{
		// 		"Content-Type":"application/json"
		// 	},
		// 	body:JSON.stringify({
		// 		userName:"周星驰",
		// 		age:61
		// 	})
		// }).then(value=>{
		// 	return value.json();
		// }).then(body=>{
		// 	console.log(body);
		// })
		
		const {data} = await axios({
			method:"post",
			url:"http://zhangpeiyue.com:3000/scoreList",
			data:{
				userName:"曹云金"
			}
		});
		console.log(data);
	}
</script>
</html>